[motion-next.git] /

<md-dialog class="chatWebsite-dialog" aria-label="New ChatWebsite">
  <form name="chatWebsiteFormApp" class="md-inline-form" novalidate>
    <md-toolbar class="md-accent md-hue-2">
      <div
        class="md-toolbar-tools"
        layout="row"
        layout-align="space-between center"
      >
        <span class="title">{{ vm.title | translate }}</span>
        <md-button class="md-icon-button" ng-click="vm.closeDialog()">
          <md-icon
            md-font-icon="icon-close"
            aria-label="Close dialog"
          ></md-icon>
        </md-button>
      </div>
    </md-toolbar>

    <md-dialog-content ms-scroll>
      <div class="error-list">
        <div
          ng-repeat="error in vm.errors"
          class="error"
          layout="row"
          layout-align="space-between center"
        >
          <div>
            <span class="message">{{error.message}}</span>
            <span class="type">({{error.type}})</span>
          </div>
          <md-button class="md-icon-button">
            <md-icon
              md-font-icon="icon-alert-box"
              aria-label="alert error"
              class="s16"
            ></md-icon>
          </md-button>
        </div>
      </div>
      <md-input-container class="md-block">
        <label translate="CHAT.KEY">Key</label>
        <input
          type="text"
          name="key"
          ng-model="vm.dialogflow.key"
          ng-required="true"
          autofocus
          ng-disabled="!vm.crudPermissions.canEdit"
        />

        <div
          ng-messages="chatWebsiteFormApp['key'].$error"
          ng-show="chatWebsiteFormApp['key'].$touched"
          role="alert"
        >
          <div ng-message="required">
            <span translate="CHAT.ERRORS.KEY_REQUIRED"
              >Key field is required</span
            >
          </div>
        </div>
      </md-input-container>
      <md-input-container class="md-block">
        <label translate="CHAT.LANGUAGE">language</label>
        <md-select
          name="language"
          ng-model="vm.dialogflow.language"
          required
          ng-disabled="!vm.crudPermissions.canEdit"
        >
          <md-option ng-value="'da'">Danish</md-option>
          <md-option ng-value="'en'">English</md-option>
          <md-option ng-value="'de'">German</md-option>
          <md-option ng-value="'it'">Italian</md-option>
          <md-option ng-value="'es'">Spanish</md-option>
          <md-option ng-value="'fr'">French</md-option>
          <md-option ng-value="'id'">Indonesian</md-option>
          <md-option ng-value="'ja'">Japanese</md-option>
          <md-option ng-value="'ko'">Korean (South Korea)</md-option>
          <md-option ng-value="'nl'">Dutch</md-option>
          <md-option ng-value="'no'">Norwegian</md-option>
          <md-option ng-value="'pt'">Portuguese (European)</md-option>
          <md-option ng-value="'pt-br'">Portuguese (Nrazilian)</md-option>
          <md-option ng-value="'ru'">Russian</md-option>
          <md-option ng-value="'sv'">Swedish</md-option>
          <md-option ng-value="'th'">Thai</md-option>
          <md-option ng-value="'uk'">Ukrainian</md-option>
          <md-option ng-value="'zh-CN'">Chinese (Simplified)</md-option>
          <md-option ng-value="'zh-HK'">Chinese (Hong Kong)</md-option>
          <md-option ng-value="'zh-TW'">Chinese (Traditional)</md-option>
        </md-select>
        <div
          ng-messages="chatWebsiteFormApp['language'].$error"
          ng-show="chatWebsiteFormApp['language'].$touched"
          role="alert"
        >
          <div ng-message="required">
            <span translate="CHAT.ERRORS.LANGUAGE_REQUIRED"
              >language field is required</span
            >
          </div>
        </div>
      </md-input-container>
      <md-input-container class="md-block">
        <label translate="CHAT.WELCOMEMESSAGE">welcomemessage</label>
        <textarea
          name="welcomemessage"
          ng-model="vm.dialogflow.welcomemessage"
          md-maxlength="255"
        ></textarea>
        <div class="hint">
          <span translate="CHAT.HELP.WELCOMEMESSAGE"></span>
        </div>

        <div
          ng-messages="chatWebsiteFormApp['welcomemessage'].$error"
          ng-show="chatWebsiteFormApp['welcomemessage'].$touched"
          role="alert"
        >
          <div ng-message="md-maxlength">
            <span
              translate="CHAT.ERRORS.WELCOMEMESSAGE_MAX_LENGTH"
              translate-values="{max: 255}"
              >welcomemessage must have a maximum length equal to 255</span
            >
          </div>
        </div>
      </md-input-container>

      <div class="error-list">
        <div
          ng-repeat="error in vm.errors"
          class="error"
          layout="row"
          layout-align="space-between center"
        >
          <div>
            <span class="message">{{error.message}}</span>
            <span class="type">({{error.type}})</span>
          </div>
          <md-button class="md-icon-button">
            <md-icon
              md-font-icon="icon-alert-box"
              aria-label="alert error"
              class="s16"
            ></md-icon>
          </md-button>
        </div>
      </div>
    </md-dialog-content>

    <md-dialog-actions layout="row" layout-align="space-between center">
      <div
        layout="row"
        layout-align="start center"
        ng-if="vm.crudPermissions.canEdit"
      >
        <md-button
          type="submit"
          ng-click="vm.saveChatWebsiteApp()"
          class="send-button md-accent md-raised"
          ng-disabled="chatWebsiteFormApp.$invalid || chatWebsiteFormApp.$pristine"
          aria-label="SAVE"
          translate="CHAT.SAVE"
          translate-attr-aria-label="CHAT.SAVE"
        >
          SAVE
        </md-button>
      </div>
    </md-dialog-actions>
  </form>
</md-dialog>